<style>
  .progress {
    top: 0;
    left: 0;
    right: 0;
    height: 10px;
    background-color: #F44336;
    transform-origin: 0 50%;
    position: fixed;
    animation: grow-progress 3s linear;
  }

  @keyframes grow-progress {
    from { transform: scaleX(0); }
    to { transform: scaleX(1); }
  }
</style>
<div class="progress"></div>
